diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-03-09 23:33:16 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-03-09 23:33:16 +0100 |
| commit | 555cf2f748b88c47172e4292d438a91c01387f00 (patch) | |
| tree | 7fdc69b1435b0f1e6f7ac7b9d8e73504c7aa3058 /src/pages/blog/page/[id].tsx | |
| parent | 847b7303278c7894e5d6b055e0e654f6cf809330 (diff) | |
fix: add a spinner if blog page is loading
Diffstat (limited to 'src/pages/blog/page/[id].tsx')
| -rw-r--r-- | src/pages/blog/page/[id].tsx | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/src/pages/blog/page/[id].tsx b/src/pages/blog/page/[id].tsx index 3be058b..2cbd486 100644 --- a/src/pages/blog/page/[id].tsx +++ b/src/pages/blog/page/[id].tsx @@ -24,6 +24,7 @@ import { Blog, Graph, WebPage } from 'schema-dts'; import styles from '@styles/pages/Page.module.scss'; import { getFormattedPageNumbers } from '@utils/helpers/format'; import { useEffect } from 'react'; +import Spinner from '@components/Spinner/Spinner'; const BlogPage: NextPageWithLayout<BlogPageProps> = ({ allThematics, @@ -39,6 +40,8 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({ if (router.query.id === '1') router.push('/blog'); }, [router]); + if (router.isFallback) return <Spinner />; + const pageTitle = intl.formatMessage( { defaultMessage: `Blog - Page {number} - {websiteName}`, |